<script type="text/javascript">
$("#mapa<?php echo $_GET['n']; ?>").click(function(e){
	var Xabs = e.pageX;
	var Yabs = e.pageY;
    var X = Math.round(e.pageX - $("#mapa<?php echo $_GET['n']; ?>").offset().left);
    var Y = Math.round(e.pageY - $("#mapa<?php echo $_GET['n']; ?>").offset().top);
	$('#icX<?php echo $_GET['n']; ?>').css("visibility", "visible");
	$('#icX<?php echo $_GET['n']; ?>').css("top", Yabs-5+"px");
	$('#icX<?php echo $_GET['n']; ?>').css("left", Xabs-5+"px");	
	$('#X<?php echo $_GET['n']; ?>').val(X);
	$('#Y<?php echo $_GET['n']; ?>').val(Y);
});
</script>
<p>Reportando caso #<?php echo $_GET['n']+1; ?><BR>Se a violência foi nessa região, clique no mapa abaixo no ponto aproximado onde ocorreu a violência<BR>
<img src="mapa_barao.jpg" width="600" height="356" id="mapa<?php echo $_GET['n']; ?>"><BR><br>
Qual tipo de violência?<BR>
<select name="tipo[<?php echo $_GET['n']; ?>]" id="tipo">
  <option value="0"></option>
  <option value="1">Assalto a residência</option>
  <option value="2">Furto a residência</option>
  <option value="3">Roubo/furto de automovel</option>
  <option value="4">Furto a automovel</option>
  <option value="5">Roubo/furto de bicicleta</option>
  <option value="6">Assalto a pessoa</option>
  <option value="7">Violência sexual</option>
  <option value="8">Outros</option>
</select>
<img src="x.gif" style="visibility:hidden; position:absolute; " id="icX<?php echo $_GET['n']; ?>" />
<input name="X[<?php echo $_GET['n']; ?>]" type="hidden" id="X<?php echo $_GET['n']; ?>" value="" />
<input name="Y[<?php echo $_GET['n']; ?>]" type="hidden" id="Y<?php echo $_GET['n']; ?>" value="" />
</p>
<p>Que ano ocorreu?<br>
  <input name="ano[<?php echo $_GET['n']; ?>]" type="text" id="textfield" size="2" maxlength="4">
  <BR>
</p>
